$(function () {
  // 点击点击注册账号链接 显示注册页面 隐藏登录界面
  $("#link_reg").on("click", function () {
    $(".login-box").hide();
    $(".reg-box").show();
  });
  // 点击注册完成-去登录链接 显示登录页面 隐藏注册界面
  $("#link_login").on("click", function () {
    $(".reg-box").hide();
    $(".login-box").show();
  });
  //通过form.verify()函数自定义校验规则
  layui.form.verify({
    pass: [/^[\S]{6,12}$/, "密码必须6到12位，且不能出现空格"],
    repass: function (val) {
      var content = $(".reg-box [name=password]").val();
      if (content !== val) {
        return "两次输入不一致，请重新校验";
      }
    },
  });
  //监听注册表单的提交事件
  $("#form_reg").on("submit", function (e) {
    e.preventDefault();
    var data = {
      username: $("#form_reg [name=username]").val(),
      password: $("#form_reg [name=password]").val(),
    };
    $.post(
      "/api/reguser",
      data,
      function (res) {
        if (res.status !== 0) {
          return layer.msg(
            "注册失败！",
            {
              icon: 1,
              time: 2000,
            },
            function () {}
          );
        }
        layer.msg(
          "注册成功！",
          {
            icon: 1,
            time: 2000,
          },
          function () {}
        );
        //模仿用户点击行为，自动跳转
        $("#link_login").click();
      }
    );
  });

  //监听登录表单的提交事件
  $("#form_login").submit(function (e) {
    e.preventDefault();
    $.ajax({
      url: "/api/login",
      method: "POST",
      //快速获取表单中的数据
      data: $(this).serialize(),
      success: function (res) {
        if (res.status !== 0) {
          return layer.msg(
            "登录失败!",
            {
              icon: 1,
              time: 2000,
            },
            function () {}
          );
        }
        layer.msg(
          "登录成功！",
          {
            icon: 1,
            time: 2000,
          },
          function () {}
        );
        //将登陆成功得到的token字符串保存到localStorage中
        localStorage.setItem('token',res.token);
        //跳转到后台主页
        location.href='/index.html';
      }
    });
  });
});
